<template>
	<div>
		<Card :bordered="false" class="con_card" >
			<div class="job_top">
				<div class="job_top_ job_top_one">
					<div class="job_topone">
						<span class="job_top_span">姓名</span>
					</div>
					<div class="job_toptwo">
						<Input v-model="keyword" placeholder="请输入"/>
					</div>
				</div>
				<div class="job_top_ job_top_two">
					<div class="job_topone">
						<span class="job_top_span">主题</span>
					</div>
					<div class="job_toptwo">
						<Input v-model="type" placeholder="请输入"/>
					</div>
				</div>
				<div class="job_top_ job_top_three">
					<div class="job_topone">
						<span class="job_top_span">简历来源</span>
					</div>
					<div class="job_toptwo">
						<Select v-model="con">
				       		<Option v-for="item in PType" :value="item.value" :key="item.value">{{ item.label }}</Option>
				    	</Select>
					</div>
				</div>
				<div style="width: 70px;float: right;margin-top: 8px;">
					<i-button type="primary" style="width: 70px;" @click="TemplateClick">搜索</i-button>
				</div>
				<Checkbox v-model="single" @on-change="checkAllGroupChange" class="checkbox">显示更多</Checkbox>
			</div>
			
			<div class="big_storage_card_contain" v-show="more">
				<div class="storage_card_contain">
	       			<div class="storage_oneidentity ">
	  					<div class="storage_oneidentity_div1" style="width: 21%;">
	  						<span class="storage_one_spanidentity" >职能&nbsp;</span>
	  					</div>
	  					<div class="storage_oneidentity_div">
	  						<i-input type="text" v-model="work_name" placeholder="请选择" :maxlength="15"></i-input>
	  					</div>
	  				</div>
	  				<div class="storage_oneidentity ">
	  					<div class="storage_oneidentity_div1"  style="width: 21%;">
	  						<span class="storage_one_spanidentity" >行业&nbsp;</span>
	  					</div>
	  					<div class="storage_oneidentity_div">
	  						<i-input type="text" v-model="industy_name" placeholder="请选择" :maxlength="15"></i-input>
	  					</div>
	  				</div>
	  				<div class="storage_oneidentity ">
	  					<div  class="storage_oneidentity_div1" style="width: 21%;">
	  						<span class="storage_one_spanidentity" >工作年限&nbsp;</span>
	  					</div>
	  					<div class="storage_oneidentity_div">
						    <DatePicker type="date" placeholder="选择时间" style="width: 110px"></DatePicker>
						    <DatePicker type="date" placeholder="选择时间" style="width: 110px;position: relative;left: 5px;"></DatePicker>
	  					</div>
	  				</div>
	  			</div>	
				<div class="storage_card_contain">
	       			<div class="storage_oneidentity ">
	  					<div  class="storage_oneidentity_div1" style="width: 21%;">
	  						<span class="storage_one_spanidentity" >学历&nbsp;</span>
	  					</div>
	  					<div class="storage_oneidentity_div">
	  						<Select v-model="sty" placeholder="请选择" @on-change="changeMoney(lable)"  style="width: 162px;">
						        <Option v-for="item in Edu" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
						    </Select>
	  					</div>
	  				</div>
	  				<div class="storage_oneidentity ">
	  					<div  class="storage_oneidentity_div1" style="width: 20%;">
	  						<span class="storage_one_spanidentity" >期望薪资&nbsp;</span>
	  					</div>
	  					<div class="storage_oneidentity_div">
	  						<Select v-model="type" class="sselect" placeholder="请选择" @on-change="changeTime(lable)"  style="width: 79px;">
						        <Option v-for="item in ExpectMoney" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
						    </Select>
	  						<Select v-model="money" class="sselect" placeholder="请选择" @on-change="changeMoney(lable)" style="width: 79px;">
						        <Option v-for="item in ExpectMoney" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
						    </Select>
	  					</div>
	  				</div>
	  				<div class="storage_oneidentity ">
	  					<div  class="storage_oneidentity_div1" style="width: 20%;">
	  						<span class="storage_one_spanidentity" >目前薪资&nbsp;</span>
	  					</div>
	  					<div class="storage_oneidentity_div">
	  						<Select v-model="type" class="sselect" placeholder="请选择" @on-change="changeTime(lable)"  style="width: 79px;">
						        <Option v-for="item in Ctype" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
						    </Select>
	  						<Select v-model="money" class="sselect" placeholder="请选择" @on-change="changeMoney(lable)" style="width: 79px;">
						        <Option v-for="item in Scale" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
						    </Select>
	  					</div>
	  				</div>
	  			</div>	
	  			<div class="storage_card_contain">
	       			<div class="storage_oneidentity ">
	  					<div  class="storage_oneidentity_div1" style="width: 20%;">
	  						<span class="storage_one_spanidentity" >年龄&nbsp;</span>
	  					</div>
	  					<div class="storage_oneidentity_div">
	  						<i-input type="text" v-model="old_age" placeholder="请选择" :maxlength="2" style="width: 79px;"></i-input>-
	  						<i-input type="text" v-model="new_age" placeholder="请选择" :maxlength="2" style="width: 79px;"></i-input>
	  					</div>
	  				</div>
	  				<div class="storage_oneidentity ">
	  					<div  class="storage_oneidentity_div1" style="width: 20%;">
	  						<span class="storage_one_spanidentity" >专业&nbsp;</span>
	  					</div>
	  					<div class="storage_oneidentity_div">
	  						<i-input type="text" v-model="major" placeholder="请选择" :maxlength="15"></i-input>
	  					</div>
	  				</div>
	  				<div class="storage_oneidentity ">
	  					<div  class="storage_oneidentity_div1" style="width: 20%;">
	  						<span class="storage_one_spanidentity" >户口&nbsp;</span>
	  					</div>
	  					<div class="storage_oneidentity_div">
	  						<i-input type="text" v-model="major" placeholder="请选择" :maxlength="15"></i-input>
	  					</div>
	  				</div>
		        </div>
		</div>        
	        	<Card :bordered="false" class="con_card" style="margin-top: 15px;">
		        	<div class="tab_one_contain">
		        		<Checkbox v-model="checkall">全选</Checkbox>
		        		<i-button type="primary" class="job_new_add" @click="SeeResumeClick">查看简历</i-button>
		        		<i-button type="primary" class="job_new_add1" @click="SetResumeClick">设置</i-button>
		        		<div class="select_top">
		        			<Select v-model="sellist" style="width: 160px;">
				        		<Option v-for="item in SelectList" :value="item.value" :key="item.value">{{item.label}}</Option>
				    		</Select>
		        		</div>
		        		<div class="select_top">
		        			<Select v-model="time" style="width: 160px;">
				        		<Option v-for="item in TimeList" :value="item.value" :key="item.value">{{ item.label }}</Option>
				    		</Select>
		        		</div>
		        		<div class="select_top">
		        			<Select v-model="check" style="width: 160px;">
				        		<Option v-for="item in CheckList" :value="item.value" :key="item.value">{{item.label}}</Option>
				    		</Select>
		        		</div>
		        		<div class="select_top">
		        			<Select v-model="list" style="width: 160px;">
				        		<Option v-for="item in List" :value="item.value" :key="item.value">{{item.label}}</Option>
				    		</Select>
		        		</div>
		        	</div>
			        <Table width="970" height="500" border 
		        		   ref="selection" 
		        		   :columns="columns4" 
		        		   :data="data1" 
		        		   @on-selection-change = "CheckBoxSelect"
		        		   >
		        	</Table>
		        	<div style="margin-top: 25px;padding-left: 25px;">
		        		<Checkbox v-model="checkall" class="manli_checkall" @click="handleSelectAll()">全选</Checkbox>
		    			<Button type="error" @click="SeeResumeClick()">查看简历</Button>
		    			<Button type="error" @click="SaveResumeClick()">暂存简历</Button>
		    			<Button type="error" @click="DownResumeClick()">下载简历</Button>
		        	</div>
			      <div class="manli_foot"><Page :total="100" show-sizer /></div>  
	        	</Card>	
	</Card>	
	</div>
</template>
<script>
	export default {
    	name: 'SCondition',
		data () {
            return {
            	more:false,
            	single:false,
            	work_name:"",
            	industy_name:"",
            	type:"不限",
            	keyword:"",
            	con:"不限",
            	rel:"不限",
            	sty:"",
            	ExpectMoney: [
                    {
                        value: '1-49',
                        label: '1-49'
                    },
                    {
                        value: '50-99',
                        label: '50-99'
                    },
                    {
                        value: '100-499',
                        label: '100-499'
                    },
                    {
                        value: '500-999',
                        label: '500-999'
                    },
                    {
                        value: '1000-2000',
                        label: '1000-2000'
                    },
                    {
                        value: '2000-5000',
                        label: '2000-5000'
                    },
                    {
                        value: '5000-10000',
                        label: '5000-10000'
                    },{
                        value: '1W以上',
                        label: '1W以上'
                    }
                ],
            	PType:[
            		{
                        value: '不限',
                        label: '不限'
                    },
                    {
                        value: '智联招聘',
                        label: '智联招聘'
                    },
                    {
                        value: '中华英才',
                        label: '中华英才'
                    },
                    {
                        value: '其他导入',
                        label: '其他导入'
                    }
            	],
            	 columns4: [
                    {
                        type: 'selection',
                        align: 'center',
                         width: 50
                    },
                    {
                        title: 'ID',
                        key: 'id',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '年龄',
                        key: 'age',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '工作年限',
                        key: 'time',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '性别',
                        key: 'sex',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '居住地',
                        key: 'address',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '学历',
                        key: 'edu',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '简历更新时间',
                        key: 'update',
                        align: 'center',
                        width: 120
                    },
                    {
                        title: '专业',
                        key: 'major',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '职能',
                        key: 'function',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '户口',
                        key: 'registered',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '期望月薪',
                        key: 'expect',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '目前月薪',
                        key: 'now',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '专业',
                        key: 'industry',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '学校名',
                        key: 'school',
                        align: 'center',
                        width: 100
                    }
                ],
                data1: [
                    {id: '8',age: 18,time: '7',sex: '男',address: '湖北黄冈',edu: '本科',update: '2019-02-05',major: '市场营销',function: '跳舞',
                     registered: '深户',expect: '20K',now: '30K',industry: '销售',school: '华中科技大学'},
                    {id: '9',age: 18,time: '7',sex: '男',address: '湖北黄冈',edu: '本科',update: '2019-02-05',major: '市场营销',function: '跳舞',
                     registered: '深户',expect: '20K',now: '30K',industry: '销售',school: '华中科技大学'},
                    {id: '10',age: 18,time: '7',sex: '男',address: '湖北黄冈',edu: '本科',update: '2019-02-05',major: '市场营销',function: '跳舞',
                     registered: '深户',expect: '20K',now: '30K',industry: '销售',school: '华中科技大学'},
                ]
            }
        },
        methods:{
        	TemplateClick(){
        		alert(6666)
        	},
        	checkAllGroupChange(statu){
        		if(statu){
        			this.more = true
        		}else{
        			this.more = false
        		}
        	}
        }
	}	
</script>

<style>
	.con_card{
		border-top: 4px solid #2DB7F5;
	}
	.job_top{
		display: flex;
	}
	.job_top_{
		width: 25%;
		margin-right: 10px;
		height: 50px;
		line-height: 46px;
	}
	.job_topone{
		width: 25%;
		display: inline-block
	}
	.job_toptwo{
		width: 68%;
		display: inline-block
	}
	.job_top_span{
		display: inline-block;
	}
	.checkbox{
		position: relative;
		top: 15px ;
		right: -45px;
	}
	.big_storage_card_contain{
		padding: 10px 10px;
	}
	.storage_card_contain{
		display: flex;
		margin-bottom: 10px;
	}
	.storage_oneidentity{
		width: 32%;
	}
	.storage_oneidentity_div1{
		display: inline-block;
	}
	.storage_oneidentity_div{
		display: inline-block;
	}
	.ivu-card-body{
		padding: 0px 0px;
	}
</style>